/**
 * =============================================================================
 * ************   Shadow 阴影   ************
 * =============================================================================
 */

:root {
    /* --mdui-shadow-key-umbra-opacity: 0.2;
    --mdui-shadow-key-penumbra-opacity: 0.14;
    --mdui-shadow-ambient-shadow-opacity: 0.12; */
    /* --mdui-shadow-key-umbra-opacity: 0.4; */
    /* --mdui-shadow-key-penumbra-opacity: 0.06; */
    /* --mdui-shadow-ambient-shadow-opacity: 0.04; */
    --mdui-color-shadow-key-umbra: rgba(0, 0, 0, 0.2);
    --mdui-color-shadow-key-penumbra: rgba(0, 0, 0, 0.07);
    --mdui-color-shadow-ambient-shadow: rgba(0, 0, 0, 0.06);

    --mdui-shadow-0: none;
    /* --mdui-shadow-0: none;
    --mdui-shadow-1: 0 0px 2px -0.5px rgba(0, 0, 0, 0.4), 0 0px 1px 0 rgba(0, 0, 0, 0.06), 0 0px 0px 0 rgba(0, 0, 0, 0.04);
    --mdui-shadow-2: 0 0px 3px -1px rgba(0, 0, 0, 0.4), 0 0px 3px 0 rgba(0, 0, 0, 0.06), 0 0px 3px 0 rgba(0, 0, 0, 0.04);
    --mdui-shadow-3: 0 0px 3px -1px rgba(0, 0, 0, 0.4), 0 0px 4px 0 rgba(0, 0, 0, 0.06), 0 0px 4px 0 rgba(0, 0, 0, 0.04);
    --mdui-shadow-4: 0 0px 4px -1.5px rgba(0, 0, 0, 0.4), 0 0px 5px 0 rgba(0, 0, 0, 0.06), 0 0px 5px 0 rgba(0, 0, 0, 0.04);
    --mdui-shadow-5: 0 0px 5px -2px rgba(0, 0, 0, 0.4), 0 1px 8px 0 rgba(0, 0, 0, 0.06), 0 0px 7px 0 rgba(0, 0, 0, 0.04);
    --mdui-shadow-6: 0 0px 5px -2px rgba(0, 0, 0, 0.4), 0 2px 10px 0 rgba(0, 0, 0, 0.06), 0 0px 9px 0 rgba(0, 0, 0, 0.04);
    --mdui-shadow-7: 0 0px 5px -3px rgba(0, 0, 0, 0.4), 0 3px 10px 1px rgba(0, 0, 0, 0.06), 0 0px 8px 1px rgba(0, 0, 0, 0.04);
    --mdui-shadow-8: 0 1px 5px -3px rgba(0, 0, 0, 0.4), 0 4px 10px 1px rgba(0, 0, 0, 0.06), 0 0px 7px 2px rgba(0, 0, 0, 0.04);
    --mdui-shadow-9: 0 1px 6px -3px rgba(0, 0, 0, 0.4), 0 5px 12px 1px rgba(0, 0, 0, 0.06), 0 0px 8px 2px rgba(0, 0, 0, 0.04);
    --mdui-shadow-10: 0 2px 6px -3px rgba(0, 0, 0, 0.4), 0 6px 14px 1px rgba(0, 0, 0, 0.06), 0 0px 9px 3px rgba(0, 0, 0, 0.04);
    --mdui-shadow-11: 0 2px 7px -4px rgba(0, 0, 0, 0.4), 0 7px 15px 1px rgba(0, 0, 0, 0.06), 0 0px 10px 3px rgba(0, 0, 0, 0.04);
    --mdui-shadow-12: 0 3px 8px -4px rgba(0, 0, 0, 0.4), 0 8px 17px 2px rgba(0, 0, 0, 0.06), 0 1px 11px 4px rgba(0, 0, 0, 0.04);
    --mdui-shadow-13: 0 3px 8px -4px rgba(0, 0, 0, 0.4), 0 9px 19px 2px rgba(0, 0, 0, 0.06), 0 1px 12px 4px rgba(0, 0, 0, 0.04);
    --mdui-shadow-14: 0 3px 9px -4px rgba(0, 0, 0, 0.4), 0 10px 21px 2px rgba(0, 0, 0, 0.06), 0 1px 13px 4px rgba(0, 0, 0, 0.04);
    --mdui-shadow-15: 0 4px 9px -5px rgba(0, 0, 0, 0.4), 0 11px 22px 2px rgba(0, 0, 0, 0.06), 0 2px 14px 5px rgba(0, 0, 0, 0.04);
    --mdui-shadow-16: 0 4px 10px -5px rgba(0, 0, 0, 0.4), 0 12px 24px 2px rgba(0, 0, 0, 0.06), 0 2px 15px 5px rgba(0, 0, 0, 0.04);
    --mdui-shadow-17: 0 4px 11px -5px rgba(0, 0, 0, 0.4), 0 13px 26px 2px rgba(0, 0, 0, 0.06), 0 2px 16px 5px rgba(0, 0, 0, 0.04);
    --mdui-shadow-18: 0 5px 11px -5px rgba(0, 0, 0, 0.4), 0 14px 28px 2px rgba(0, 0, 0, 0.06), 0 3px 17px 6px rgba(0, 0, 0, 0.04);
    --mdui-shadow-19: 0 5px 12px -6px rgba(0, 0, 0, 0.4), 0 15px 29px 2px rgba(0, 0, 0, 0.06), 0 3px 18px 6px rgba(0, 0, 0, 0.04);
    --mdui-shadow-20: 0 6px 13px -6px rgba(0, 0, 0, 0.4), 0 16px 31px 3px rgba(0, 0, 0, 0.06), 0 4px 19px 7px rgba(0, 0, 0, 0.04);
    --mdui-shadow-21: 0 6px 13px -6px rgba(0, 0, 0, 0.4), 0 17px 33px 3px rgba(0, 0, 0, 0.06), 0 4px 20px 7px rgba(0, 0, 0, 0.04);
    --mdui-shadow-22: 0 6px 14px -6px rgba(0, 0, 0, 0.4), 0 18px 35px 3px rgba(0, 0, 0, 0.06), 0 4px 21px 7px rgba(0, 0, 0, 0.04);
    --mdui-shadow-23: 0 7px 14px -7px rgba(0, 0, 0, 0.4), 0 19px 36px 3px rgba(0, 0, 0, 0.06), 0 5px 22px 8px rgba(0, 0, 0, 0.04);
    --mdui-shadow-24: 0 7px 15px -7px rgba(0, 0, 0, 0.4), 0 20px 38px 3px rgba(0, 0, 0, 0.06), 0 5px 23px 8px rgba(0, 0, 0, 0.04); */
    /* --mdui-shadow-1: 0 2px 1px -1px var(--mdui-color-shadow-key-umbra), 0 1px 1px 0 var(--mdui-color-shadow-key-penumbra), 0 1px 3px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-2: 0 3px 1px -2px var(--mdui-color-shadow-key-umbra), 0 2px 2px 0 var(--mdui-color-shadow-key-penumbra), 0 1px 5px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-3: 0 3px 3px -2px var(--mdui-color-shadow-key-umbra), 0 3px 4px 0 var(--mdui-color-shadow-key-penumbra), 0 1px 8px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-4: 0 2px 4px -1px var(--mdui-color-shadow-key-umbra), 0 4px 5px 0 var(--mdui-color-shadow-key-penumbra), 0 1px 10px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-5: 0 3px 5px -1px var(--mdui-color-shadow-key-umbra), 0 5px 8px 0 var(--mdui-color-shadow-key-penumbra), 0 1px 14px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-6: 0 3px 5px -1px var(--mdui-color-shadow-key-umbra), 0 6px 10px 0 var(--mdui-color-shadow-key-penumbra), 0 1px 18px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-7: 0 4px 5px -2px var(--mdui-color-shadow-key-umbra), 0 7px 10px 1px var(--mdui-color-shadow-key-penumbra), 0 2px 16px 1px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-8: 0 5px 5px -3px var(--mdui-color-shadow-key-umbra), 0 8px 10px 1px var(--mdui-color-shadow-key-penumbra), 0 3px 14px 2px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-9: 0 5px 6px -3px var(--mdui-color-shadow-key-umbra), 0 9px 12px 1px var(--mdui-color-shadow-key-penumbra), 0 3px 16px 2px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-10: 0 6px 6px -3px var(--mdui-color-shadow-key-umbra), 0 10px 14px 1px var(--mdui-color-shadow-key-penumbra), 0 4px 18px 3px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-11: 0 6px 7px -4px var(--mdui-color-shadow-key-umbra), 0 11px 15px 1px var(--mdui-color-shadow-key-penumbra), 0 4px 20px 3px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-12: 0 7px 8px -4px var(--mdui-color-shadow-key-umbra), 0 12px 17px 2px var(--mdui-color-shadow-key-penumbra), 0 5px 22px 4px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-13: 0 7px 8px -4px var(--mdui-color-shadow-key-umbra), 0 13px 19px 2px var(--mdui-color-shadow-key-penumbra), 0 5px 24px 4px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-14: 0 7px 9px -4px var(--mdui-color-shadow-key-umbra), 0 14px 21px 2px var(--mdui-color-shadow-key-penumbra), 0 5px 26px 4px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-15: 0 8px 9px -5px var(--mdui-color-shadow-key-umbra), 0 15px 22px 2px var(--mdui-color-shadow-key-penumbra), 0 6px 28px 5px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-16: 0 8px 10px -5px var(--mdui-color-shadow-key-umbra), 0 16px 24px 2px var(--mdui-color-shadow-key-penumbra), 0 6px 30px 5px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-17: 0 8px 11px -5px var(--mdui-color-shadow-key-umbra), 0 17px 26px 2px var(--mdui-color-shadow-key-penumbra), 0 6px 32px 5px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-18: 0 9px 11px -5px var(--mdui-color-shadow-key-umbra), 0 18px 28px 2px var(--mdui-color-shadow-key-penumbra), 0 7px 34px 6px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-19: 0 9px 12px -6px var(--mdui-color-shadow-key-umbra), 0 19px 29px 2px var(--mdui-color-shadow-key-penumbra), 0 7px 36px 6px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-20: 0 10px 13px -6px var(--mdui-color-shadow-key-umbra), 0 20px 31px 3px var(--mdui-color-shadow-key-penumbra), 0 8px 38px 7px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-21: 0 10px 13px -6px var(--mdui-color-shadow-key-umbra), 0 21px 33px 3px var(--mdui-color-shadow-key-penumbra), 0 8px 40px 7px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-22: 0 10px 14px -6px var(--mdui-color-shadow-key-umbra), 0 22px 35px 3px var(--mdui-color-shadow-key-penumbra), 0 8px 42px 7px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-23: 0 11px 14px -7px var(--mdui-color-shadow-key-umbra), 0 23px 36px 3px var(--mdui-color-shadow-key-penumbra), 0 9px 44px 8px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-24: 0 11px 15px -7px var(--mdui-color-shadow-key-umbra), 0 24px 38px 3px var(--mdui-color-shadow-key-penumbra), 0 9px 46px 8px var(--mdui-color-shadow-ambient-shadow);
 */
    /* 每个阴影Y方向/4，第一个扩展/2 */
    --mdui-shadow-1: 0 0.5px 1px -0.5px var(--mdui-color-shadow-key-umbra), 0 0.5px 1px 0 var(--mdui-color-shadow-key-penumbra), 0 0.5px 3px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-2: 0 0.75px 1px -1px var(--mdui-color-shadow-key-umbra), 0 0.5px 2px 0 var(--mdui-color-shadow-key-penumbra), 0 0.5px 5px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-3: 0 0.75px 3px -1px var(--mdui-color-shadow-key-umbra), 0 0.75px 4px 0 var(--mdui-color-shadow-key-penumbra), 0 0.5px 8px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-4: 0 0.5px 4px -0.5px var(--mdui-color-shadow-key-umbra), 0 1px 5px 0 var(--mdui-color-shadow-key-penumbra), 0 0.5px 10px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-5: 0 0.75px 5px -0.5px var(--mdui-color-shadow-key-umbra), 0 1.25px 8px 0 var(--mdui-color-shadow-key-penumbra), 0 0.5px 14px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-6: 0 0.75px 5px -0.5px var(--mdui-color-shadow-key-umbra), 0 1.5px 10px 0 var(--mdui-color-shadow-key-penumbra), 0 0.5px 18px 0 var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-7: 0 1px 5px -1px var(--mdui-color-shadow-key-umbra), 0 1.75px 10px 1px var(--mdui-color-shadow-key-penumbra), 0 0.5px 16px 1px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-8: 0 1.25px 5px -1.5px var(--mdui-color-shadow-key-umbra), 0 2px 10px 1px var(--mdui-color-shadow-key-penumbra), 0 0.75px 14px 2px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-9: 0 1.25px 6px -1.5px var(--mdui-color-shadow-key-umbra), 0 2.25px 12px 1px var(--mdui-color-shadow-key-penumbra), 0 0.75px 16px 2px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-10: 0 1.5px 6px -1.5px var(--mdui-color-shadow-key-umbra), 0 2.5px 14px 1px var(--mdui-color-shadow-key-penumbra), 0 1px 18px 3px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-11: 0 1.5px 7px -2px var(--mdui-color-shadow-key-umbra), 0 2.75px 15px 1px var(--mdui-color-shadow-key-penumbra), 0 1px 20px 3px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-12: 0 1.75px 8px -2px var(--mdui-color-shadow-key-umbra), 0 3px 17px 2px var(--mdui-color-shadow-key-penumbra), 0 1.25px 22px 4px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-13: 0 1.75px 8px -2px var(--mdui-color-shadow-key-umbra), 0 3.25px 19px 2px var(--mdui-color-shadow-key-penumbra), 0 1.25px 24px 4px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-14: 0 1.75px 9px -2px var(--mdui-color-shadow-key-umbra), 0 3.5px 21px 2px var(--mdui-color-shadow-key-penumbra), 0 1.25px 26px 4px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-15: 0 2px 9px -2.5px var(--mdui-color-shadow-key-umbra), 0 3.75px 22px 2px var(--mdui-color-shadow-key-penumbra), 0 1.5px 28px 5px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-16: 0 2px 10px -2.5px var(--mdui-color-shadow-key-umbra), 0 4px 24px 2px var(--mdui-color-shadow-key-penumbra), 0 1.5px 30px 5px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-17: 0 2px 11px -2.5px var(--mdui-color-shadow-key-umbra), 0 4.25px 26px 2px var(--mdui-color-shadow-key-penumbra), 0 1.5px 32px 5px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-18: 0 2.25px 11px -2.5px var(--mdui-color-shadow-key-umbra), 0 4.5px 28px 2px var(--mdui-color-shadow-key-penumbra), 0 1.75px 34px 6px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-19: 0 2.25px 12px -3px var(--mdui-color-shadow-key-umbra), 0 4.75px 29px 2px var(--mdui-color-shadow-key-penumbra), 0 1.75px 36px 6px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-20: 0 2.5px 13px -3px var(--mdui-color-shadow-key-umbra), 0 5px 31px 3px var(--mdui-color-shadow-key-penumbra), 0 2px 38px 7px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-21: 0 2.5px 13px -3px var(--mdui-color-shadow-key-umbra), 0 5.25px 33px 3px var(--mdui-color-shadow-key-penumbra), 0 2px 40px 7px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-22: 0 2.5px 14px -3px var(--mdui-color-shadow-key-umbra), 0 5.5px 35px 3px var(--mdui-color-shadow-key-penumbra), 0 2px 42px 7px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-23: 0 2.75px 14px -3.5px var(--mdui-color-shadow-key-umbra), 0 5.75px 36px 3px var(--mdui-color-shadow-key-penumbra), 0 2.25px 44px 8px var(--mdui-color-shadow-ambient-shadow);
    --mdui-shadow-24: 0 2.75px 15px -3.5px var(--mdui-color-shadow-key-umbra), 0 6px 38px 3px var(--mdui-color-shadow-key-penumbra), 0 2.25px 46px 8px var(--mdui-color-shadow-ambient-shadow);
}

.mdui-appbar {
    box-shadow: var(--mdui-shadow-0)
}

.mdui-appbar-lifted {
    box-shadow: var(--mdui-shadow-4);
}

.mdui-card {
    box-shadow: var(--mdui-shadow-2);
}

.mdui-panel-gapless,
.mdui-panel-item {
    box-shadow: var(--mdui-shadow-2)
}

.mdui-menu {
    box-shadow: var(--mdui-shadow-8)
}

.mdui-card-outlined,
.mdui-panel-gapless .mdui-panel-item {
    box-shadow: var(--mdui-shadow-0);
}



/* important */
.mdui-shadow-0,
.mdui-hoverable-0:hover {
    box-shadow: var(--mdui-shadow-0) !important;
}

.mdui-shadow-1,
.mdui-hoverable-1:hover {
    box-shadow: var(--mdui-shadow-1) !important;
}

.mdui-shadow-2,
.mdui-btn-raised,
.mdui-hoverable-2:hover {
    box-shadow: var(--mdui-shadow-2) !important;
}

.mdui-shadow-3,
.mdui-hoverable-3:hover {
    box-shadow: var(--mdui-shadow-3) !important;
}

.mdui-shadow-4,
.mdui-btn-raised:hover,
.mdui-hoverable:hover,
.mdui-hoverable-4:hover {
    box-shadow: var(--mdui-shadow-4) !important;
}

.mdui-shadow-5,
.mdui-hoverable-5:hover {
    box-shadow: var(--mdui-shadow-5) !important;
}

.mdui-shadow-6,
.mdui-hoverable-6:hover {
    box-shadow: var(--mdui-shadow-6) !important;
}

.mdui-shadow-7,
.mdui-hoverable-7:hover {
    box-shadow: var(--mdui-shadow-7) !important;
}

.mdui-shadow-8,
.mdui-btn-raised:active,
.mdui-hoverable-8:hover {
    box-shadow: var(--mdui-shadow-8) !important;
}

.mdui-shadow-9,
.mdui-hoverable-9:hover {
    box-shadow: var(--mdui-shadow-9) !important;
}

.mdui-shadow-10,
.mdui-hoverable-10:hover {
    box-shadow: var(--mdui-shadow-10) !important;
}

.mdui-shadow-11,
.mdui-hoverable-11:hover {
    box-shadow: var(--mdui-shadow-11) !important;
}

.mdui-shadow-12,
.mdui-hoverable-12:hover {
    box-shadow: var(--mdui-shadow-12) !important;
}

.mdui-shadow-13,
.mdui-hoverable-13:hover {
    box-shadow: var(--mdui-shadow-13) !important;
}

.mdui-shadow-14,
.mdui-hoverable-14:hover {
    box-shadow: var(--mdui-shadow-14) !important;
}

.mdui-shadow-15,
.mdui-hoverable-15:hover,
.mdui-hoverable-15:focus {
    box-shadow: var(--mdui-shadow-15) !important;
}

.mdui-shadow-16,
.mdui-hoverable-16:hover,
.mdui-hoverable-16:focus {
    box-shadow: var(--mdui-shadow-16) !important;
}

.mdui-shadow-17,
.mdui-hoverable-17:hover,
.mdui-hoverable-17:focus {
    box-shadow: var(--mdui-shadow-17) !important;
}

.mdui-shadow-18,
.mdui-hoverable-18:hover,
.mdui-hoverable-18:focus {
    box-shadow: var(--mdui-shadow-18) !important;
}

.mdui-shadow-19,
.mdui-hoverable-19:hover,
.mdui-hoverable-19:focus {
    box-shadow: var(--mdui-shadow-19) !important;
}

.mdui-shadow-20,
.mdui-hoverable-20:hover,
.mdui-hoverable-20:focus {
    box-shadow: var(--mdui-shadow-20) !important;
}

.mdui-shadow-21,
.mdui-hoverable-21:hover {
    box-shadow: var(--mdui-shadow-21) !important;
}

.mdui-shadow-22,
.mdui-hoverable-22:hover {
    box-shadow: var(--mdui-shadow-22) !important;
}

.mdui-shadow-23,
.mdui-hoverable-23:hover {
    box-shadow: var(--mdui-shadow-23) !important;
}

.mdui-shadow-24,
.mdui-hoverable-24:hover {
    box-shadow: var(--mdui-shadow-24) !important;
}


.mdui-shadow-transition,
.mdui-hoverable,
.mdui-hoverable-1,
.mdui-hoverable-2,
.mdui-hoverable-3,
.mdui-hoverable-4,
.mdui-hoverable-5,
.mdui-hoverable-6,
.mdui-hoverable-7,
.mdui-hoverable-8,
.mdui-hoverable-9,
.mdui-hoverable-10,
.mdui-hoverable-11,
.mdui-hoverable-12,
.mdui-hoverable-13,
.mdui-hoverable-14,
.mdui-hoverable-15,
.mdui-hoverable-16,
.mdui-hoverable-17,
.mdui-hoverable-18,
.mdui-hoverable-19,
.mdui-hoverable-20,
.mdui-hoverable-21,
.mdui-hoverable-22,
.mdui-hoverable-23,
.mdui-appbar {
    transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow .25s cubic-bezier(.4, .2, 0, 1);
    will-change: box-shadow;
}